<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<meta http-equiv="Content-Type" content="text/html">
		<meta http-equiv="X-UA-Compatible" content="ie=edge,chrome=1">
		<meta name="format-detection" content="telephone=no">
		<meta name="format-detection" content="email=no">
		<title>首页</title>
		<link rel="stylesheet" href="../css/shouye.css">
		<link rel="stylesheet" type="text/css" href="../assets/font-awesome-4.7.0/css/font-awesome.min.css" />
		<link rel="stylesheet" type="text/css" href="../assets/swiper/css/swiper.min.css" />
		<script src="../assets/flexible/flexible.debug.js"></script>
		<script src="../assets/flexible/flexible_css.debug.js"></script>
	</head>

	<body>
		<!-- 头部导航 -->
		<article class="fld">
			<div class="max">
				<section class="div">
					<div>
						签到赚金币,请先登录哦!
					</div>
					<section class="btn">
						<p class="btnleft">
							取消
						</p>
						<p class="btnright">
							立即登录
						</p>
					</section>
				</section>
			</div>
		</article>
		<header class="hdr">
			<div class="back">
				<i class="fa fa-angle-left"></i>
			</div>
			<p class="title">首页</p>
			<div class="menu">签到</div>
		</header>

		<!-- xx快报 -->
		<mian class="mian">
			<section class="swiper-container spr">
				<div class="swiper-wrapper">
					<div class="swiper-slide">
						<img src="../images/swi_03.png" />
					</div>
					<div class="swiper-slide">
						<img src="../images/ew.jpg" />
					</div>
					<div class="swiper-slide">
						<img src="../images/rr.jpg" />
					</div>
					<div class="swiper-slide">
						<img src="../images/we.jpg" />
					</div>
				</div>
				<!-- 如果需要分页器 -->
				<div class="swiper-pagination"></div>
			</section>
			<section class="column">
				<dl>
					<dt>
	    				<img src="../images/tao.png"/>
	    			</dt>
					<dd>
						淘宝返利
					</dd>
				</dl>
				<dl>
					<dt>
	    				<img src="../images/ren.png"/>
	    			</dt>
					<dd>
						天猫返利
					</dd>
				</dl>
				<dl>
					<dt>
	    				<img src="../images/fang.png"/>
	    			</dt>
					<dd>
						商城返利
					</dd>
				</dl>
				<dl>
					<dt>
	    				<img src="../images/jing.png"/>
	    			</dt>
					<dd>
						京东返利
					</dd>
				</dl>
			</section>
			<section class="left">
				<div class="imgleft">
					<img src="../images/jiu.png" />
				</div>
				<div class="right">
					<section class="top">
						<dl>
							<dt>
								<img src="../images/xifa.png"/>
							</dt>
							<dd>
								<h3>每日精选</h3>
								<p>Classic goods</p>
							</dd>
						</dl>
					</section>
					<section class="bottom">
						<dl>
							<dt>
								<img src="../images/xifalu.png"/>
							</dt>
							<dd>
								<h3>9.9包邮</h3>
								<p>9.9 free shipping</p>
							</dd>
						</dl>
					</section>
				</div>
			</section>
			<section class="gir">
				<img src="../images/gir.png" />
			</section>
			<section class="left">
				<div class="imgleft">
					<img src="../images/jiu.png" />
				</div>
				<div class="right">
					<section class="top">
						<dl>
							<dt>
								<img src="../images/xifa.png"/>
							</dt>
							<dd>
								<h3>每日精选</h3>
								<p>Classic goods</p>
							</dd>
						</dl>
					</section>
					<section class="bottom">
						<dl>
							<dt>
								<img src="../images/xifalu.png"/>
							</dt>
							<dd>
								<h3>9.9包邮</h3>
								<p>9.9 free shipping</p>
							</dd>
						</dl>
					</section>
				</div>
			</section>
			<section class="left">
				<div class="imgleft">
					<img src="../images/jiu.png" />
				</div>
				<div class="right">
					<section class="top">
						<dl>
							<dt>
								<img src="../images/xifa.png"/>
							</dt>
							<dd>
								<h3>每日精选</h3>
								<p>Classic goods</p>
							</dd>
						</dl>
					</section>
					<section class="bottom">
						<dl>
							<dt>
								<img src="../images/xifalu.png"/>
							</dt>
							<dd>
								<h3>9.9包邮</h3>
								<p>9.9 free shipping</p>
							</dd>
						</dl>
					</section>
				</div>
			</section>
		</mian>
		<!-- 热卖商品 -->

		<!-- 新品上市 -->
		<!-- 当前用户、回顶部 -->

		<!-- 底部导航 -->
		<footer class="ftr">
			<dl>
				<dt>
					<img src="../images/homs.png" class="last"/>
    			</dt>
				<dd>
					首页
				</dd>
			</dl>
			<dl class="fenlei">
				<dt>
    				<img src="../images/hua.png" class="last"/>
    			</dt>
				<dd>
					分类
				</dd>
			</dl>
			<dl class="p camera">
				<dt>
					<img src="../images/yi.png" />
				</dt>
			</dl>
			<dl>
				<dt>
    				<img src="../images/xiang.png" class="last"/>
    			</dt>
				<dd>
					衣柜
				</dd>
			</dl>
			<dl>
				<dt>
    				<img src="../images/mom.png" class="last"/>
    			</dt>
				<dd>
					我的
				</dd>
			</dl>
		</footer>
		<script src="../assets/jquery-3.2.1.min.js"></script>
		<script src="../js/shouye.js"></script>
		<script src="../assets/swiper/js/swiper.min.js"></script>
	</body>

</html>